<template>
  <div class="child2"></div>
  <h3>子组件2</h3>
<h4>子组件的玩具是：{{ toy }}</h4>
<button @click="sendToy"> 发送玩具给老大 </button>
</template>

<script setup lang="ts" name="Child2">
import { ref } from 'vue';
//引入事件
import emitter from '@/utils/emitter';


	let toy = ref('奥特曼')

	function sendToy(){
		//触发事件
		emitter.emit('send-toy', toy.value)
	}

</script>

<style scoped>
	.child2{
		margin-top: 50px;
		background-color: orange;
		padding: 10px;
		box-shadow: 0 0 10px black;
		border-radius: 10px;
	}
</style>